<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div id="test">
			<form action="" method="post">
				<div>
					<select name="" v-model='test' v-bind:disabled='isAdmin' >
						<option v-for='item in tests' v-if='test==item.id' v-bind:value='item.id' >{{item.name}}</option>
					</select>
					
					<p v-for='item in tests' v-if='test==item.id'>{{item.name}}</p>
					<p>{{test}}</p>
				</div>
				
				<input type="text" v-bind:value='value1' />
				<input type="text" v-bind:value='value2' />
				<input type="text" v-bind:value='value1 * value2' />
				
			</form>
		</div>
		<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
		<script src="../vue.min.js"></script>
		<script type="text/javascript">
			new Vue({
				el: '#test',
				data: {					
					tests: [],
					test:'',
					isAdmin: 0,
					value1:11,
					value2:22
				},
				mounted: function() {
					setTimeout(function(){
						this.test = '1'
						console.log(test)
					}.bind(this),1000)
					this.tests = [{ name: 'aaa', id: '1' }, { name: 'bbb', id: '2' }, { name: 'ccc', id: '3' }]

				}
			})
		</script>
	</body>

</html>